<html>
<head>
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
    <script type="text/javascript" src="/static/js/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="/static/js/bootstrap.min.js"></script>
    <title>{% block title%} 这里定义了一个名为title的block {% endblock %}</title>
</head>
<body>
<div class="container">
    <div class="container-fluid">
        <div cl="navbar-header">
            <a class="navbar-brand" href="#">Python博客系统</a>
        </div>
        <div class="row-fluid">
            <div class="span12">
                <ul class="nav nav-pills">
                     <li class="active" id="menu-index">
                        <a href="/">首页</a>
                    </li>
                    {% if username %}
                    <li id="menu-blog">
                        <a href="/blog/manage">日志</a>
                    </li>
                    </li>
                    <li>
                        <a href="http://tommy88.top">教程</a>
                    </li>
                    <li class="disabled">
                        <a href="#">源码</a>
                    </li>
                    <li class="dropdown pull-right">
                        <a href="#" data-toggle="dropdown" class="dropdown-toggle">{{username}}<strong class="caret"></strong></a>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="/user/change_pwd">修改密码</a>
                            </li>
                            <li>
                                <a href="/logout">退出登录</a>
                            </li>
                        </ul>
                    </li>
                    {% endif %}
                </ul>
                {% block content %} 这里定义了一个名为content的block {% endblock %}
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="/static/js/blog.js"></script>
<script type="text/javascript">
    clickMenu('{% block menu%}menu_index{% endblock %}');
</script>
</body>
</html>